window.onload = function loadPCM() {
  var socketURL = 'ws://106.15.126.101:8899';
  // var socketURL = "ws://localhost:8899";
  var ws = new WebSocket(socketURL);
  ws.binaryType = "arraybuffer";
  ws.addEventListener("message", function (event) {
    console.log("client 我收到了消息");
  });
  ws.addEventListener("open", function (event) {
    console.log("ws打开了");
  });
  ws.onerror = function (error) {
    console.error("WebSocket发生错误:", error);
  };
  ws.onclose = function (event) {
    console.log("WebSocket连接已关闭", event);
  };


  loadFileInput();

  function loadFileInput() {
    // 获取文件输入框的DOM元素
    var fileInput = document.getElementById("file-input");

    // 添加事件监听器，当用户选择文件后触发
    fileInput.addEventListener("change", function (e) {
      var files = e.target.files; // 获取到FileList对象

      // 遍历用户选择的文件
      for (var i = 0; i < files.length; i++) {
        var file = files[i];
        console.log("文件:", file)
        console.log("文件名:", file.name);
        console.log("文件大小:", file.size, "字节");

        var reader = new FileReader(); // 创建FileReader对象

        // 文件读取成功时的回调函数
        reader.onload = function(e) {
            var text = e.target.result; // 文件内容转换成的ArrayBuffer
            const ab = new Int8Array(text.trim().split(' ').map(i => parseInt(i, 16)))
            // 这里可以进一步处理ArrayBuffer，比如传递给其他API或转换为其他格式
            // 例如，下面简单打印ArrayBuffer的字节长度
            console.log("ArrayBuffer的字节长度:", text);
            ws.send(ab.buffer)
            console.log("ArrayBuffer的字节长度:", ab);
        };

        // 开始读取文件为ArrayBuffer
        reader.readAsText(file);
        // 进一步处理，比如预览、上传等
      }
    });
  }
};
